<!--<template>-->
<!--  <div>-->
<!--    <el-table :data="caseVO" style="width: 100%;" max-height="100%">-->
<!--      <el-table-column fixed prop="caseId" label="用例编号" width="150">-->
<!--      </el-table-column>-->
<!--      <el-table-column prop="caseName" label="用例名称" width="150">-->
<!--      </el-table-column>-->
<!--      <el-table-column prop="caseDetail" label="用例详情" width="300">-->
<!--      </el-table-column>-->
<!--      <el-table-column prop="caseUrl" label="用例URL" width="150">-->
<!--      </el-table-column>-->
<!--      <el-table-column prop="admUserId" label="创建者ID" width="150">-->
<!--      </el-table-column>-->
<!--      <el-table-column prop="createTime" label="创建时间" width="180">-->
<!--      </el-table-column>-->
<!--      <el-table-column fixed="right" label="操作" width="200">-->
<!--        <template slot-scope="scope">-->
<!--          <el-button @click.native.prevent="doExecuteClick(scope.$index, caseVO)" type="text" size="small">-->
<!--            执行-->
<!--          </el-button>-->
<!--          <el-button @click.native.prevent="watchStep(scope.$index, caseVO)" type="text" size="small">-->
<!--            查看-->
<!--          </el-button>-->
<!--          <el-button @click.native.prevent="" type="text" size="small">-->
<!--            编辑-->
<!--          </el-button>-->
<!--          <el-button @click.native.prevent="" type="text" size="small">-->
<!--            删除-->
<!--          </el-button>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--    </el-table>-->
<!--    <el-dialog-->
<!--        title="提示"-->
<!--        :visible.sync="dialogVisible"-->
<!--        width="30%"-->
<!--        :before-close="handleClose">-->
<!--      <span style="line-height: 10px">请输入Json对象(需对应用例步骤的jsonpath)</span>-->
<!--      <el-input-->
<!--          type="textarea"-->
<!--          :autosize="{ minRows: 10, maxRows: 100}"-->
<!--          :append-to-body="true"-->
<!--          :rows="6"-->
<!--          placeholder="请输入Json对象"-->
<!--          v-model="jsonData">-->
<!--      </el-input>-->
<!--      <span slot="footer" class="dialog-footer">-->
<!--            <el-button @click="dialogVisible = false">取 消</el-button>-->
<!--            <el-button type="primary" @click="caseJson">确 定</el-button>-->
<!--          </span>-->
<!--    </el-dialog>-->
<!--  </div>-->
<!--</template>-->
<!--<script type="module">-->
<!--import {http} from '../js/axios.min'-->
<!--export default {-->
<!--  name:'caseList',-->
<!--  data() {-->
<!--    return {-->
<!--      dialogVisible: false,   //模态框显示-->
<!--      caseVO:[], //用例列表-->
<!--      jsonData: null, //json对象，传到后端-->
<!--      caseId: null,  //用例id-->
<!--      size: null //用于判断当前用例是否有需要输入的步骤-->
<!--    };-->
<!--  },-->
<!--  methods: {-->
<!--    //判断是否需要进行输入json数据再执行测试用例-->
<!--    async isJson(){-->
<!--      let length = null-->
<!--      await http.get('/mf/cases/'+ this.caseId + '/size').then(res => {-->
<!--        length = res.data.data.size-->
<!--      })-->
<!--      return length;-->
<!--    },-->
<!--    //执行测试用例-->
<!--    executeCase(){-->
<!--      this.jsonData.replace(" ", "")-->
<!--      this.jsonData = JSON.parse(this.jsonData)-->
<!--      console.log(this.jsonData)-->
<!--      http.put('/mf/cases/' + this.caseId, this.jsonData).then(res => {-->
<!--        if (res.data.code){-->
<!--          alert("已执行用例")-->
<!--        }-->
<!--      })-->
<!--    },-->
<!--    //点击执行按钮操作-->
<!--    async doExecuteClick(index, rows){-->
<!--      this.caseId = rows[index].caseId-->
<!--      await this.isJson().then(r => {-->
<!--        this.size = r-->
<!--      })-->
<!--      if (this.size != null && this.size > 0){-->
<!--        this.dialogVisible = true-->
<!--      }else{-->
<!--        this.executeCase()-->
<!--      }-->
<!--    },-->
<!--    //输入完json后点击确定-->
<!--    caseJson(){-->
<!--      this.dialogVisible = false-->
<!--      this.executeCase()-->
<!--    },-->
<!--    //查看用例步骤-->
<!--    watchStep(index, rows){-->
<!--      localStorage.setItem("testCase", rows[index].caseId)-->
<!--      this.$router.push({path:"/case-step"})-->
<!--    },-->
<!--    //关闭模态框-->
<!--    handleClose(done) {-->
<!--      this.$confirm('确认关闭？')-->
<!--          .then(_ => {-->
<!--            done();-->
<!--          })-->
<!--          .catch(_ => {});-->
<!--    },-->
<!--  },-->
<!--  mounted(){-->
<!--    //请求后端查询所有测试用例-->
<!--    http.get('/mf/user/'+ 100101 +'/cases').then(res => {-->
<!--      if (res.data.code === 200){-->
<!--        this.caseVO = res.data.data.caseVOS;-->
<!--      }-->
<!--    })-->
<!--  }-->
<!--}-->
<!--</script>-->


